body {
    background-color: var(--themeColor);
}

.main {
    padding-top: 1.7rem;
}

.main .order-container {
    margin: .26rem;
}

.main .order-container .card-title .sn {
    font-size: .24rem;
    color: var(--c9);
}

.main .order-container .card-title .status {
    font-size: var(--default-font-size-28);
    color: var(--dcl);
}

.main .order-container .pro-item {
    border-bottom: 1px solid var(--f6);
}

.main .order-container .pro-item .icon {
    width: 1.58rem;
    height: 1.58rem;
    border-radius: .14rem;
}

.main .order-container .pro-item .major {
    margin: 0 .22rem;
}

.main .order-container .pro-item .major .title {
    font-weight: 400;
    font-size: var(--default-font-size-26);
    color: var(--dcl);
    margin-bottom: .2rem;
}

.main .order-container .pro-item .major .spec {
    font-weight: 400;
    font-size: .22rem;
    color: var(--c9);
}

.main .order-container .pro-item .fund .price {
    font-weight: 500;
    font-size: var(--default-font-size-28);
    margin-bottom: .1rem;
}

.main .order-container .pro-item .fund .num {
    font-size: .24rem;
    color: var(--c9);
}

.main .order-container .pro-item:last-child {
    border-bottom: none;
}

.main .order-container .pro-item:first-child {
    padding-top: 0;
}

.main .order-container .real-amount {
    text-align: right;
    font-weight: bold;
    color: var(--dcl);
}

.main .order-container .real-amount .text {
    font-size: var(--default-font-size-26);
    margin-right: .15rem;
}

.main .order-container .real-amount .total {
    font-size: .3rem;
}

.main .btn-container {
    text-align: right;
}

.main .btn-container > button {
    margin-left: .2rem;
}

.main .front:before {
    content: '￥';
    font-size: .22rem;
}

.status-1, .status-2, .status-3 {
    color: var(--bd) !important;
}

.status-4 {
    color: var(--c9) !important;
}
